<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>码上掘金编程挑战赛 - 稀土掘金</title>
    <link rel="stylesheet" href="../assets/css/header.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            outline: none;
            list-style: none;
            border: none;
            text-decoration: none;
        }

        body {
            word-break: break-word;
            overflow-y: scroll;
            background-color: #f2f3f5;
            font-size: 12px;
            line-height: normal;
        }

        header {
            transform: translateZ(0);
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            transition: transform .2s;
            background: #fff;
            box-shadow: 0 2px 8px #f2f3f5;
            color: #909090;
            display: block;
            z-index: 250;
        }

        .global-component-box {
            display: block;
            unicode-bidi: isolate;
        }

        .suspension-panel {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            justify-content: flex-end;
            position: fixed;
            right: 24px;
            bottom: 24px;
            z-index: 1000;
        }

        .suspension-panel .btn {
            margin: 12px 0 0;
            padding: 0;
            width: 40px;
            height: 40px;
            line-height: 1;
            color: #909090;
            background-color: #fff;
            border-radius: 50%;
            box-shadow: 0 2px 8px rgba(50, 50, 50, .04);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .container-main {
            max-width: 100%;
            position: relative;
            margin: 0 auto;
        }

        .changeRace {
            height: 620px;
            background-position: center center;
            background-size: cover;
            display: flex;
            flex-direction: column;
            padding-top: 80px;
            box-sizing: border-box;
            background-image: url(../assets/img/changeRace.png);
        }

        .challenge-wrapper {
            background-color: #fff;
        }

        .challenge-section {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 20px 0 16px;
            background-color: #fff;
        }

        .raceTitle {
            display: inline-block;
            font-style: normal;
            font-weight: 700;
            font-size: 36px;
            line-height: 49px;
            color: #000;
            white-space: nowrap;
        }

        .title-text {
            position: relative;
            margin: 0 16px;
            top: -1px;
            font-size: 24px;
            line-height: 32px;
            font-weight: 500;
        }

        .challenge-list {
            display: flex;
            align-items: flex-start;
            width: 100%;
            max-width: 1200px;
            flex-wrap: wrap;
        }

        .challenge-card {
            width: calc(50% - 16px);
            height: 210px;
            box-sizing: border-box;
            position: relative;
        }

        .challenge-card-wrapper {
            background: #f7f8fa;
            border: 1px solid #e4e6eb;
            border-radius: 4px;
            overflow: hidden;
        }

        .challenge-info {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            padding: 20px 13px 16px 20px;
        }

        .title1 {
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            color: #252933;
            max-width: 100%;
            transition: color .15s ease-in;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-all;
        }

        .description {
            font-weight: 400;
            min-height: 44px;
            font-size: 14px;
            line-height: 22px;
            margin-top: 8px;
            color: #515767;
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

        .challenge-meta {
            background-color: #fff;
            border-top: 1px solid #e4e6eb;
            border-bottom: 1px solid #e4e6eb;
            display: flex;
            justify-content: space-between;
        }

        .challenge-type {
            padding: 0 20px;
            box-sizing: border-box;
            line-height: 46px;
            font-weight: 500;
            font-size: 14px;
            color: #252933;
        }

        .challenge-prize {
            padding: 0 20px;
            box-sizing: border-box;
            line-height: 46px;
            font-weight: 500;
            font-size: 14px;
            color: #252933;
        }

        .challenge-time {
            padding: 0 20px;
            box-sizing: border-box;
            line-height: 46px;
            font-weight: 500;
            font-size: 14px;
            color: #252933;
        }

        .challenge-link {
            display: flex;
            justify-content: space-between;
            background-color: #fff;
        }

        .sponsor {
            display: flex;
            align-items: center;
            height: 48px;
            padding-left: 20px;
            margin-right: 180px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-all;
        }

        .sponsor-title {
            font-weight: 400;
            font-size: 13px;
            line-height: 22px;
            color: #8a919f;
        }

        .sponsor-link {
            text-decoration: none;
            cursor: pointer;
            color: #909090;
            background-color: transparent;
            margin-left: 12px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-all;
        }

        .sponsor-logo {
            width: 24px;
            height: 24px;
            object-fit: cover;
        }

        .sponsor-name {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-all;
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 22px;
            margin-left: 8px;
            color: #252933;
        }

        .challenge-done {
            color: #1e80ff;
            background: rgb(30 128 255 / 5%);
            border: 1px solid rgb(30 128 255 / 30%);
            border-radius: 0 0 4px 0;
            text-align: center;
            position: absolute;
            right: 0;
            bottom: 0;
            height: 50px;
            width: 180px;
            flex: 0 0 auto;
            font-weight: 500;
            font-size: 16px;
            line-height: 48px;
            transition: all .15s ease-in;
            box-sizing: border-box;
        }

        .spark-section {
            box-sizing: border-box;
            margin: auto;
            position: relative;
            padding-right: 272px;
            height: 515px;
            width: 100%;
            max-width: 1200px;
        }

        .code-editor-container {
            display: block;
            position: relative;
            overflow: hidden;
            box-sizing: border-box;
            flex: 1;
            width: 100%;
            height: 100%;
            padding-right: 32px;
        }

        .code-editor-frame {
            overflow-clip-margin: content-box !important;
            overflow: clip !important;
            display: inline;
            max-width: 100% !important;
            margin: 0;
            width: 100%;
            height: 100%;
            border-radius: 8px;
            box-sizing: border-box;
            border: .5px solid hsla(0, 0%, 50.2%, .4);
        }

        .challenge-section1 {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 20px 0 64px;
            background-color: #fff;
        }

        .work-slide {
            position: absolute;
            right: 0;
            top: 0;
            display: block;
            box-sizing: border-box;
        }

        .work-item {
            border-radius: 4px;
            cursor: pointer;
            width: 272px;
            height: 155px;
            margin-top: 23px;
            position: relative;
            overflow: hidden;
            box-sizing: border-box;
        }

        .active {
            border-radius: 4px;
            border: 2px solid #7d6fff;
        }

        .work-item:first-child {
            margin-top: 1px;
        }

        .item-23::after {
            content: " ";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
            transition: all .2s;
        }

        .item-23:hover::after {
            content: none;
        }

        .lazy {
            margin: -2px;
            width: calc(100% + 4px);
            height: calc(100% + 4px);
            box-sizing: border-box;
            position: relative;
            object-fit: cover;
            border-style: none;
            overflow-clip-margin: content-box;
            overflow: clip;
        }

        .lazy:not(.immediate):before {
            transition: opacity .2s;
        }

        .lazy::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: inherit;
            border-radius: inherit;
        }

        .title2 {
            bottom: -2px;
            position: absolute;
            width: 250px;
            background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5) 36.15%, rgba(0, 0, 0, .85) 83.32%);
            height: 38px;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 22px;
            color: #fff;
            padding: 26px 12px 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-all;
        }

        .challenge-home-footer {
            background-color: #f2f3f5;
            padding: 64px 120px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .contact-us {
            font-size: 20px;
            font-weight: 500;
            color: #252933;
            line-height: 32px;
            margin: 0;
        }

        .contact-list {
            margin-top: 40px;
        }

        .contact-item {
            font-size: 14px;
            line-height: 22px;
            color: #515767;
            font-weight: 400;
        }

        .link {
            color: #515767;
            cursor: pointer;
            text-decoration: none;
        }

        .discussion-list {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

        .discussion-item {
            box-sizing: border-box;
            border-radius: 20px;
            background-color: #fff;
            border: 1px solid #e4e6eb;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 138px;
            height: 157px;
            transition: all .15s ease-in;
            position: relative;
        }

        .discussion-item-title {
            font-size: 16px;
            color: #252933;
            line-height: 24px;
            font-weight: 500;
            margin-top: 16px;
        }

        .qrcode {
            position: absolute;
            left: 53%;
            top: 52%;
            transform: translate(-50%, -50%);
            display: none;
        }

        .icon-discussion-wechat {
            width: 56px;
            height: 56px;
        }

        .icon-discussion-wechat path {
            fill: rgb(5, 207, 101);
        }

        .discussion-item:hover .qrcode {
            display: block;
        }

        .discussion-list:hover > :first-child > a {
            background-color: rgb(247, 248, 250);
        }
    </style>
</head>
<body>
<header class="main-header">
    <div class="container">
        <div class="logo">
            <img class="logo-img"
                 src="https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/e08da34488b114bd4c665ba2fa520a31.svg"/>
        </div>
        <div class="main-nav">
            <ul class="nav-list">
                <li class="main-nav-list">
                    <ul class="phone-hide">
                        <li class="nav-item "><a href="index.html">首页</a></li>
                        <li class="nav-item "><a href="Bot.html">BOT</a></li>
                        <li class="nav-item "><a href="boil.html">沸点</a></li>
                        <li class="nav-item"><a href="course.html">课程</a></li>
                        <li class="nav-item"><a href="live_broadcast.html">直播</a></li>
                        <li class="nav-item"><a href="activity.html">活动</a></li>
                        <li class="nav-item home">竞赛</li>
                        <nav class="nav-item"><a href="mall.html">商城</a></nav>
                        <nav class="nav-item"><a href="APP.html">APP</a></nav>
                        <nav class="nav-item"><a href="plugIns.html">插件</a></nav>
                        <nav class="nav-item">
                            <img src="../assets/img/logo-1.png"/>
                        </nav>
                    </ul>
                </li>
                <ul class="right-side-nav">
                    <li class="search-add">
                        <ul class="search-add-ul">
                            <li class="search">
                                <input class="search-input" maxlength="64" placeholder="探索稀土掘金"/>
                                <div class="search-icon-container">
                                    <svg style="width: 18px;" t="1718614562467" class="icon" viewBox="0 0 1024 1024"
                                         version="1.1"
                                         xmlns="http://www.w3.org/2000/svg" p-id="6339" width="32" height="32">
                                        <path d="M915.8 852.9L766.9 706.7c47.4-62.8 75.9-140.7 75.9-225.5 0-207-167.8-374.9-374.9-374.9-207.1 0.1-374.9 167.9-374.9 375s167.8 374.9 374.9 374.9c95.4 0 182.2-35.9 248.4-94.6L865.4 908c14.7 14.4 37.8 13.8 51.7-1.4 13.9-15.2 13.3-39.3-1.3-53.7zM467.9 790c-170.5 0-308.7-138.2-308.7-308.7s138.2-308.7 308.7-308.7 308.7 138.2 308.7 308.7S638.4 790 467.9 790z m0 0"
                                              fill="#333333" p-id="6340"></path>
                                    </svg>
                                </div>
                            </li>
                            <li class="creator-item">
                                <div class="add-group">
                                    <button class="add-btn">创作者中心</button>
                                    <div class="more">
                                        <svg t="1718616312565" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                             xmlns="http://www.w3.org/2000/svg" p-id="10570" width="200"
                                             height="200">
                                            <path d="M490.667 640l-192-213.333h384z" fill="#ffffff"
                                                  p-id="10571"></path>
                                        </svg>
                                        <div class="more-mask"></div>
                                        <div class="more-list">
                                            <ul class="menu">
                                                <li class="item">
                                                    <div>
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="44"
                                                             height="51"
                                                             viewBox="0 0 44 51" fill="none">
                                                            <g filter="url(#filter0_d_4518_102489)">
                                                                <rect x="11.999" y="8.97656" width="20.0011"
                                                                      height="25.557" rx="3"
                                                                      fill="url(#paint0_linear_4518_102489)"/>
                                                            </g>
                                                            <mask id="mask0_4518_102489" style="mask-type:alpha"
                                                                  maskUnits="userSpaceOnUse" x="11" y="8" width="21"
                                                                  height="27">
                                                                <rect x="11.999" y="8.97656" width="20.0011"
                                                                      height="25.557" rx="3"
                                                                      fill="url(#paint1_linear_4518_102489)"/>
                                                            </mask>
                                                            <g mask="url(#mask0_4518_102489)">
                                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                                      d="M34.3632 17.877H17L23.4382 24.3652H17L34.3636 41.8639L34.3634 35.3755L34.3636 35.3756L34.3632 17.877Z"
                                                                      fill="url(#paint2_linear_4518_102489)"/>
                                                            </g>
                                                            <path d="M17.5547 16.7539H25.3329" stroke="white"
                                                                  stroke-width="2.5" stroke-linecap="round"/>
                                                            <path d="M17.5547 23.4199H21.9994" stroke="white"
                                                                  stroke-width="2.5" stroke-linecap="round"/>
                                                            <defs>
                                                                <filter id="filter0_d_4518_102489" x="-0.000976562"
                                                                        y="0.976562" width="44.001" height="49.5566"
                                                                        filterUnits="userSpaceOnUse"
                                                                        color-interpolation-filters="sRGB">
                                                                    <feFlood flood-opacity="0"
                                                                             result="BackgroundImageFix"/>
                                                                    <feColorMatrix in="SourceAlpha" type="matrix"
                                                                                   values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
                                                                                   result="hardAlpha"/>
                                                                    <feOffset dy="4"/>
                                                                    <feGaussianBlur stdDeviation="6"/>
                                                                    <feComposite in2="hardAlpha" operator="out"/>
                                                                    <feColorMatrix type="matrix"
                                                                                   values="0 0 0 0 0.0901961 0 0 0 0 0.466667 0 0 0 0 0.94902 0 0 0 0.2 0"/>
                                                                    <feBlend mode="normal" in2="BackgroundImageFix"
                                                                             result="effect1_dropShadow_4518_102489"/>
                                                                    <feBlend mode="normal" in="SourceGraphic"
                                                                             in2="effect1_dropShadow_4518_102489"
                                                                             result="shape"/>
                                                                </filter>
                                                                <linearGradient id="paint0_linear_4518_102489"
                                                                                x1="28.3888" y1="8.97656"
                                                                                x2="15.0547"
                                                                                y2="33.1446"
                                                                                gradientUnits="userSpaceOnUse">
                                                                    <stop offset="0.0555359" stop-color="#499DFF"/>
                                                                    <stop offset="1" stop-color="#357AFF"/>
                                                                </linearGradient>
                                                                <linearGradient id="paint1_linear_4518_102489"
                                                                                x1="28.3888" y1="8.97656"
                                                                                x2="15.0547"
                                                                                y2="33.1446"
                                                                                gradientUnits="userSpaceOnUse">
                                                                    <stop offset="0.0555359" stop-color="#57A5FF"/>
                                                                    <stop offset="1" stop-color="#4886FF"/>
                                                                </linearGradient>
                                                                <linearGradient id="paint2_linear_4518_102489"
                                                                                x1="20.625" y1="19.3008" x2="29.625"
                                                                                y2="23.625"
                                                                                gradientUnits="userSpaceOnUse">
                                                                    <stop stop-color="#2273E1"/>
                                                                    <stop offset="1" stop-color="#2172DF"
                                                                          stop-opacity="0"/>
                                                                </linearGradient>
                                                            </defs>
                                                        </svg>
                                                    </div>
                                                    <div class="title">写文章</div>
                                                </li>
                                                <li class="item">
                                                    <div>
                                                        <img src="https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/c225c20007c699a48fe9aa8a32be2ee6.svg"/>
                                                    </div>
                                                    <div class="title">发沸点</div>
                                                </li>
                                                <li class="item">
                                                    <div>
                                                        <img src="https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/92ff1e17678887b64c952833d9d0dd0b.svg"/>
                                                    </div>
                                                    <div class="title">写笔记</div>
                                                </li>
                                                <li class="item">
                                                    <div>
                                                        <img src="https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/cf3f3dbcd5a32a7a4de5c7b834402cef.svg"/>
                                                    </div>
                                                    <div class="title">写代码</div>
                                                </li>
                                                <li class="item">
                                                    <div>
                                                        <img src="https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/b1008fc20ddf1733b5bd800ed4bcc18e.svg"/>
                                                    </div>
                                                    <div class="title">草稿箱</div>
                                                </li>
                                            </ul>
                                            <div class="divider"></div>
                                            <div class="inspiration">
                                                <div class="info">
                                                    <span class="title">创作灵感</span>
                                                    <span class="more-info">
                                                        查看更多
                                                    <i class="byte-icon">
                                                        <svg style="width: 22px; height: 22px;" t="1718722566546"
                                                             class="icon"
                                                             viewBox="0 0 1024 1024"
                                                             version="1.1" xmlns="http://www.w3.org/2000/svg"
                                                             p-id="4606"
                                                             width="32" height="32"><path
                                                                d="M433.834667 337.706667a21.333333 21.333333 0 0 1 1.493333-32.768 29.397333 29.397333 0 0 1 37.461333 0.938666l202.709334 190.037334a21.077333 21.077333 0 0 1 1.365333 30.421333c-0.341333 0.426667-204.117333 191.573333-204.117333 191.573333a29.354667 29.354667 0 0 1-37.632 1.152 21.333333 21.333333 0 0 1-1.28-32.938666l185.813333-174.293334-185.813333-174.122666z"
                                                                fill="#B2B2B2" p-id="4607"></path></svg>
                                                    </i>
                                                    </span>
                                                </div>
                                                <div class="list">
                                                    <div class="item1">
                                                        <span class="icon-topic">话题</span>
                                                        <span class="topic-title">#稀土开发者大会2024#</span>
                                                    </div>
                                                    <div class="item1">
                                                        <span class="icon-topic">话题</span>
                                                        <span class="topic-title">#每日快讯#</span>
                                                    </div>
                                                    <div class="item1">
                                                        <span class="icon-topic">话题</span>
                                                        <span class="topic-title">#每天一个知识点#</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li class="vip-entry">
                        <div class="vip-title">
                            <div class="vip-entry-img">
                                <img class="vip-img" src="../assets/img/vip.png"/>
                            </div>
                            <div class="vip-words">会员</div>
                        </div>
                    </li>
                    <li class="auth">
                        <div class="login-button-wrap">
                            <button class="login-button">
                                登录
                                <div class="login-button-line"></div>
                                注册
                                <div class="login">
                                    <div class="top-login-guide">
                                        <div class="login-awards">
                                            <h2 class="login-awards-title">首次登录 / 注册免费领取</h2>
                                            <ul class="login-awards-list">
                                                <li class="login-awards-item">
                                                    <img src="../assets/img/vip.png"/>
                                                    <span>七天会员</span>
                                                </li>
                                                <li class="login-awards-item">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="24"
                                                         viewBox="0 0 26 24" fill="none">
                                                        <circle cx="13" cy="12" r="12"
                                                                fill="url(#paint0_linear_25309_9748)"/>
                                                        <rect x="7.93359" y="3.66406" width="10.0377"
                                                              height="13.4403"
                                                              rx="0.48" transform="rotate(-15 7.93359 3.66406)"
                                                              fill="url(#paint1_linear_25309_9748)"/>
                                                        <path d="M11.4694 15.5273C11.3914 15.2361 11.5642 14.9367 11.8554 14.8587L20.8285 12.4544L21.1111 13.5089L12.1379 15.9132C11.8467 15.9913 11.5474 15.8185 11.4694 15.5273Z"
                                                              fill="url(#paint2_linear_25309_9748)"/>
                                                        <g style="mix-blend-mode:overlay">
                                                            <path d="M7.95318 3.59291C7.87764 3.33881 8.0224 3.07158 8.27651 2.99604L9.95294 2.49767L13.7111 15.1396L12.0346 15.6379C11.7805 15.7135 11.5133 15.5687 11.4378 15.3146L7.95318 3.59291Z"
                                                                  fill="url(#paint3_linear_25309_9748)"/>
                                                        </g>
                                                        <g filter="url(#filter0_d_25309_9748)">
                                                            <rect x="1.33594" y="9.26562" width="10.7492"
                                                                  height="14.3929" rx="0.48"
                                                                  transform="rotate(-36.0071 1.33594 9.26562)"
                                                                  fill="url(#paint4_linear_25309_9748)"/>
                                                            <path d="M9.76943 20.9924C9.57964 20.7312 9.63749 20.3657 9.89865 20.1759L17.9461 14.3275L18.6334 15.2733L10.586 21.1216C10.3248 21.3114 9.95923 21.2536 9.76943 20.9924Z"
                                                                  fill="url(#paint5_linear_25309_9748)"/>
                                                            <g style="mix-blend-mode:overlay">
                                                                <path d="M1.61812 9.65392C1.46228 9.43947 1.50978 9.13929 1.72423 8.98344L3.30367 7.83561L11.7651 19.4787L10.1856 20.6265C9.97117 20.7824 9.67099 20.7349 9.51515 20.5204L1.61812 9.65392Z"
                                                                      fill="url(#paint6_linear_25309_9748)"/>
                                                            </g>
                                                        </g>
                                                        <g filter="url(#filter1_dd_25309_9748)">
                                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                                  d="M8.40452 9.74272H15.0318L9.73445 21.9492H14.2209L19.2041 10.312L19.1699 6.14453H8.375L8.40452 9.74272ZM20.0049 19.386C20.1043 19.3718 20.1918 19.36 20.2675 19.3505L20.2604 18.1797C20.1752 18.1939 20.0854 18.2081 19.9907 18.2223C19.8961 18.2365 19.7992 18.2507 19.6998 18.2649V17.4063H20.2888V16.2923H19.6998V15.2706L18.6213 15.2422V16.2923H17.9472V17.4063H18.6213V18.3997C18.4558 18.4233 18.2973 18.4446 18.1459 18.4636C17.9993 18.4777 17.8621 18.4943 17.7344 18.5132L17.8053 19.6769L18.6213 19.5634V20.3652C18.6213 20.4881 18.6024 20.5733 18.5646 20.6206C18.5314 20.6632 18.4581 20.6892 18.3446 20.6986L18.0111 20.7341L18.302 21.8694L18.7632 21.8268C18.9666 21.8079 19.1298 21.7819 19.2528 21.7488C19.3758 21.7157 19.4704 21.666 19.5366 21.5998C19.6029 21.5383 19.6454 21.4531 19.6644 21.3443C19.688 21.2403 19.6998 21.1054 19.6998 20.9399V19.4214C19.8086 19.4073 19.9103 19.3954 20.0049 19.386ZM23.4392 18.7403H24.2481V17.5553H21.7291V16.8174C21.89 16.8079 22.065 16.7937 22.2542 16.7748C22.4482 16.7559 22.6445 16.7346 22.8431 16.711C23.0466 16.6826 23.2452 16.6542 23.4392 16.6258C23.6331 16.5974 23.8152 16.569 23.9855 16.5407L23.6875 15.3912C23.1814 15.4905 22.6752 15.5709 22.1691 15.6324C21.6677 15.6892 21.1662 15.7341 20.6648 15.7673V18.0165C20.6648 18.4517 20.653 18.8231 20.6293 19.1305C20.6104 19.4333 20.5726 19.7076 20.5158 19.9536C20.4638 20.1949 20.3881 20.4195 20.2888 20.6277C20.1942 20.8358 20.0688 21.0558 19.9127 21.2876L20.9841 21.8552C21.1166 21.614 21.2277 21.3822 21.3176 21.1598C21.4122 20.9423 21.4879 20.7152 21.5447 20.4787C21.6014 20.2374 21.6416 19.9773 21.6653 19.6982C21.6937 19.4191 21.7126 19.0998 21.7221 18.7403H22.3323V21.7984H23.4392V18.7403Z"
                                                                  fill="url(#paint7_linear_25309_9748)"/>
                                                        </g>
                                                        <defs>
                                                            <filter id="filter0_d_25309_9748" x="0.567344"
                                                                    y="3.13672"
                                                                    width="19.0255" height="20.0177"
                                                                    filterUnits="userSpaceOnUse"
                                                                    color-interpolation-filters="sRGB">
                                                                <feFlood flood-opacity="0"
                                                                         result="BackgroundImageFix"/>
                                                                <feColorMatrix in="SourceAlpha" type="matrix"
                                                                               values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
                                                                               result="hardAlpha"/>
                                                                <feOffset dy="0.96"/>
                                                                <feGaussianBlur stdDeviation="0.48"/>
                                                                <feComposite in2="hardAlpha" operator="out"/>
                                                                <feColorMatrix type="matrix"
                                                                               values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
                                                                <feBlend mode="normal" in2="BackgroundImageFix"
                                                                         result="effect1_dropShadow_25309_9748"/>
                                                                <feBlend mode="normal" in="SourceGraphic"
                                                                         in2="effect1_dropShadow_25309_9748"
                                                                         result="shape"/>
                                                            </filter>
                                                            <filter id="filter1_dd_25309_9748" x="7.655" y="5.42453"
                                                                    width="17.795" height="17.7247"
                                                                    filterUnits="userSpaceOnUse"
                                                                    color-interpolation-filters="sRGB">
                                                                <feFlood flood-opacity="0"
                                                                         result="BackgroundImageFix"/>
                                                                <feColorMatrix in="SourceAlpha" type="matrix"
                                                                               values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
                                                                               result="hardAlpha"/>
                                                                <feOffset dx="0.24" dy="0.24"/>
                                                                <feGaussianBlur stdDeviation="0.48"/>
                                                                <feComposite in2="hardAlpha" operator="out"/>
                                                                <feColorMatrix type="matrix"
                                                                               values="0 0 0 0 0.862745 0 0 0 0 0.623529 0 0 0 0 0.34902 0 0 0 0.4 0"/>
                                                                <feBlend mode="normal" in2="BackgroundImageFix"
                                                                         result="effect1_dropShadow_25309_9748"/>
                                                                <feColorMatrix in="SourceAlpha" type="matrix"
                                                                               values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
                                                                               result="hardAlpha"/>
                                                                <feOffset dx="0.48" dy="0.48"/>
                                                                <feComposite in2="hardAlpha" operator="out"/>
                                                                <feColorMatrix type="matrix"
                                                                               values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
                                                                <feBlend mode="normal"
                                                                         in2="effect1_dropShadow_25309_9748"
                                                                         result="effect2_dropShadow_25309_9748"/>
                                                                <feBlend mode="normal" in="SourceGraphic"
                                                                         in2="effect2_dropShadow_25309_9748"
                                                                         result="shape"/>
                                                            </filter>
                                                            <linearGradient id="paint0_linear_25309_9748" x1="13"
                                                                            y1="0"
                                                                            x2="13" y2="24"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#FFF9EA"/>
                                                                <stop offset="1" stop-color="#FFECC5"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint1_linear_25309_9748"
                                                                            x1="7.93359"
                                                                            y1="11.4342" x2="17.9713" y2="11.4342"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#E2B076"/>
                                                                <stop offset="1" stop-color="#F9E4B5"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint2_linear_25309_9748"
                                                                            x1="11.4694"
                                                                            y1="15.5273" x2="20.9704" y2="12.9815"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#FFF2E2"/>
                                                                <stop offset="1" stop-color="white"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint3_linear_25309_9748"
                                                                            x1="9.43261"
                                                                            y1="8.56953" x2="11.5691" y2="7.93439"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#4B4B4B"/>
                                                                <stop offset="1" stop-color="#4B4B4B"
                                                                      stop-opacity="0"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint4_linear_25309_9748"
                                                                            x1="1.33594"
                                                                            y1="17.5866" x2="12.0851" y2="17.5866"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#EEC698"/>
                                                                <stop offset="1" stop-color="#F9E4B5"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint5_linear_25309_9748"
                                                                            x1="9.76943"
                                                                            y1="20.9924" x2="18.2903" y2="14.8"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#FFF2E2"/>
                                                                <stop offset="1" stop-color="white"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint6_linear_25309_9748"
                                                                            x1="4.9748"
                                                                            y1="14.2728" x2="6.94253" y2="12.8428"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#4B4B4B"/>
                                                                <stop offset="1" stop-color="#4B4B4B"
                                                                      stop-opacity="0"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint7_linear_25309_9748" x1="8.375"
                                                                            y1="6.14453" x2="23.1107" y2="21.9423"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#D0A15C"/>
                                                                <stop offset="1" stop-color="#C8874C"/>
                                                            </linearGradient>
                                                        </defs>
                                                    </svg>
                                                    <span>小册7折券</span>
                                                </li>
                                                <li class="login-awards-item">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                         viewBox="0 0 24 24" fill="none">
                                                        <path d="M12.7188 0.21875L7.36564 3.88725L7.83808 6.47912L12.7188 0.21875Z"
                                                              fill="url(#paint0_linear_25309_9749)"/>
                                                        <path d="M9.21334 14.0336L12.7514 0.156148L7.83648 6.47997L9.21334 14.0336Z"
                                                              fill="url(#paint1_linear_25309_9749)"/>
                                                        <path d="M10.7075 8.13763L17.6045 15.2215L11.58 21.5282L9.21767 14.0272L10.7075 8.13763Z"
                                                              fill="url(#paint2_linear_25309_9749)"/>
                                                        <path d="M10.7101 8.14304L12.72 0.186451L16.8687 3.4703L17.6071 15.2269L10.7101 8.14304Z"
                                                              fill="url(#paint3_linear_25309_9749)"/>
                                                        <path d="M16.8633 3.47097L21.7472 12.3386L20.7523 16.8318L17.6017 15.2276L16.8633 3.47097Z"
                                                              fill="url(#paint4_linear_25309_9749)"/>
                                                        <path d="M17.6035 15.2227L20.7541 16.8268L19.9879 20.4634L12.3389 23.946L11.579 21.5294L17.6035 15.2227Z"
                                                              fill="url(#paint5_linear_25309_9749)"/>
                                                        <path d="M9.21842 14.0308L3.30245 13.2051L7.36912 3.88523L9.21842 14.0308Z"
                                                              fill="url(#paint6_linear_25309_9749)"/>
                                                        <path d="M3.30231 13.2067L3.25154 18.1624L12.3405 23.9501L3.30231 13.2067Z"
                                                              fill="url(#paint7_linear_25309_9749)"/>
                                                        <path d="M10.7075 8.13763L17.6045 15.2215L11.58 21.5282L9.21767 14.0272L10.7075 8.13763Z"
                                                              fill="url(#paint8_linear_25309_9749)"/>
                                                        <path d="M3.29688 13.2031L9.21284 14.0289L12.335 23.9465L3.29688 13.2031Z"
                                                              fill="url(#paint9_linear_25309_9749)"/>
                                                        <defs>
                                                            <linearGradient id="paint0_linear_25309_9749"
                                                                            x1="10.9308"
                                                                            y1="5.91672" x2="9.83347" y2="-0.103242"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="white"/>
                                                                <stop offset="1" stop-color="#F8D3F5"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint1_linear_25309_9749"
                                                                            x1="12.1263"
                                                                            y1="12.4757" x2="9.7475" y2="-0.574854"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop offset="0.23" stop-color="white"/>
                                                                <stop offset="1" stop-color="#F8C1F5"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint2_linear_25309_9749"
                                                                            x1="12.1778"
                                                                            y1="7.86963" x2="14.5681" y2="20.9836"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop offset="0.18" stop-color="#6A5BFF"/>
                                                                <stop offset="1" stop-color="#00B1FE"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint3_linear_25309_9749"
                                                                            x1="15.5227"
                                                                            y1="15.6298" x2="12.5682" y2="-0.579297"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop offset="0.2" stop-color="#4E67FF"/>
                                                                <stop offset="1" stop-color="#FFD4ED"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint4_linear_25309_9749"
                                                                            x1="17.3051"
                                                                            y1="5.22081" x2="20.2171" y2="15.7377"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#0094F1"/>
                                                                <stop offset="1" stop-color="#0041F3"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint5_linear_25309_9749"
                                                                            x1="12.4491"
                                                                            y1="22.0792" x2="20.6192" y2="16.6262"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#0063F4"/>
                                                                <stop offset="0.48" stop-color="#7061FC"/>
                                                                <stop offset="0.9" stop-color="#9460FF"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint6_linear_25309_9749"
                                                                            x1="6.42839"
                                                                            y1="14.5393" x2="4.57909" y2="4.39379"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop offset="0.17" stop-color="#C6DEFF"/>
                                                                <stop offset="1" stop-color="#005BF2"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint7_linear_25309_9749"
                                                                            x1="3.05398"
                                                                            y1="15.4836" x2="12.078" y2="23.5884"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop offset="0.16" stop-color="#68B1F4"/>
                                                                <stop offset="0.61" stop-color="#D6C2F3"/>
                                                                <stop offset="0.9" stop-color="#4958FF"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint8_linear_25309_9749"
                                                                            x1="12.1778"
                                                                            y1="7.86963" x2="14.5681" y2="20.9836"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="white" stop-opacity="0"/>
                                                                <stop offset="0.48" stop-color="white"
                                                                      stop-opacity="0"/>
                                                                <stop offset="0.72" stop-color="#FAFEFA"
                                                                      stop-opacity="0.3"/>
                                                                <stop offset="1" stop-color="#E0FCE4"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint9_linear_25309_9749"
                                                                            x1="5.9376"
                                                                            y1="13.2009" x2="13.2854" y2="22.8478"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop offset="0.18" stop-color="#97D8FF"/>
                                                                <stop offset="0.56" stop-color="#DCC9F6"/>
                                                                <stop offset="0.94" stop-color="#4958FF"/>
                                                            </linearGradient>
                                                        </defs>
                                                    </svg>
                                                    <span>5万矿石</span>
                                                </li>
                                            </ul>
                                        </div>
                                        <span class="login-awards-des">免费试学课程 · 收藏优质内容 · 提升成长等级</span>
                                        <div>
                                            <div class="login-btn-desc">登录 / 注册</div>
                                        </div>
                                    </div>
                                </div>
                            </button>
                        </div>
                    </li>
                </ul>
            </ul>
        </div>
    </div>
</header>
<main class="container-main">
    <div>
        <div class="changeRace">
            <div style="max-width: 1200px; margin: auto;">
                <img src="../assets/img/mashangjuejin.png"
                     alt="码上掘金"
                     style="width: 100%; height: 100%; object-fit: cover;">
            </div>
            <div style="max-width: 1200px; margin: auto; position: relative;">
                <img src="../assets/img/codePlayround.png"
                     alt="码上掘金介绍"
                     style="width: 100%; object-fit: contain;">
            </div>
        </div>
    </div>
    <div class="challenge-wrapper">
        <div class="challenge-section">
            <div class="raceTitle" style="text-align: center;margin-bottom: 20px;">
                <div class="raceTitle">
                    <svg data-v-05c6d1de="" width="60" height="21" viewBox="0 0 60 21" fill="none"
                         xmlns="http://www.w3.org/2000/svg" class="">
                        <path data-v-05c6d1de="" fill-rule="evenodd" clip-rule="evenodd"
                              d="M50 0.5H60V10.5H50V20.5H40V10.5H30V20.5H20V10.5H10V20.5H0V10.5H10V0.5H20V10.5H30V0.5H40V10.5H50V0.5Z"
                              fill="url(#paint0_linear_3759_29244)"></path>
                        <defs data-v-05c6d1de="">
                            <linearGradient data-v-05c6d1de="" id="paint0_linear_3759_29244" x1="60" y1="10.5"
                                            x2="-11.1111" y2="20.5" gradientUnits="userSpaceOnUse">
                                <stop data-v-05c6d1de="" stop-color="#7467FF"></stop>
                                <stop data-v-05c6d1de="" offset="1" stop-color="#7467FF" stop-opacity="0"></stop>
                            </linearGradient>
                        </defs>
                    </svg>
                    <span class="title-text">历史竞赛</span>
                    <svg data-v-05c6d1de="" width="60" height="21" viewBox="0 0 60 21" fill="none"
                         xmlns="http://www.w3.org/2000/svg" class="" style="transform: rotateY(180deg);">
                        <path data-v-05c6d1de="" fill-rule="evenodd" clip-rule="evenodd"
                              d="M50 0.5H60V10.5H50V20.5H40V10.5H30V20.5H20V10.5H10V20.5H0V10.5H10V0.5H20V10.5H30V0.5H40V10.5H50V0.5Z"
                              fill="url(#paint0_linear_3759_29244)"></path>
                        <defs data-v-05c6d1de="">
                            <linearGradient data-v-05c6d1de="" id="paint0_linear_3759_29244" x1="60" y1="10.5"
                                            x2="-11.1111" y2="20.5" gradientUnits="userSpaceOnUse">
                                <stop data-v-05c6d1de="" stop-color="#7467FF"></stop>
                                <stop data-v-05c6d1de="" offset="1" stop-color="#7467FF" stop-opacity="0"></stop>
                            </linearGradient>
                        </defs>
                    </svg>
                </div>
            </div>
            <ul class="challenge-list">
                <li class="challenge-card" style="margin:0 32px 32px 0;">
                    <div class="challenge-card-wrapper">
                        <div class="challenge-info">
                            <a title="码上掘金编程比赛" class="title1">码上掘金编程比赛</a>
                            <span class="description">码上掘金编程比赛旨在为掘友们提供平台进行技术交流，欢迎大家挥洒灵感、迸发创意！</span>
                        </div>
                        <div class="challenge-meta">
                            <span class="challenge-type">前端编程赛</span>
                            <span class="challenge-prize">万元大奖</span>
                            <span class="challenge-time">2023.04.07 - 2023.05.18</span>
                        </div>
                        <div class="challenge-link">
                            <div class="sponsor">
                                <span class="sponsor-title">赞助商</span>
                                <a class="sponsor-link">
                                    <img src="../assets/img/google.png"
                                         alt="Google Cloud"
                                         class="sponsor-logo">
                                    <span class="sponsor-name">Google Cloud</span>
                                </a>
                            </div>
                        </div>
                        <a class="challenge-done">
                            <span style="color: #1e80ff;">查看比赛结果</span>
                        </a>
                    </div>
                </li>
                <li class="challenge-card" style="margin:0 0 32px 0;">
                    <div class="challenge-card-wrapper">
                        <div class="challenge-info">
                            <a title="码上掘金月赛 第 2 期" class="title1">码上掘金月赛 第 2 期</a>
                            <span class="description">码上掘金月赛旨在为掘友们提供平台和机会进行技术交流，欢迎大家挥洒灵感、迸发创意！</span>
                        </div>
                        <div class="challenge-meta">
                            <span class="challenge-type">前端编程赛</span>
                            <span class="challenge-prize">万元大奖</span>
                            <span class="challenge-time">2023.03.09 - 2023.03.31</span>
                        </div>
                        <div class="challenge-link">
                            <div class="sponsor">
                                <span class="sponsor-title">赞助商</span>
                                <a class="sponsor-link">
                                    <img src="../assets/img/xtjjjs.png"
                                         alt="Google Cloud"
                                         class="sponsor-logo">
                                    <span class="sponsor-name">稀土掘金</span>
                                </a>
                            </div>
                        </div>
                        <a class="challenge-done">
                            <span style="color: #1e80ff;">查看比赛结果</span>
                        </a>
                    </div>
                </li>
                <li class="challenge-card" style="margin:0 32px 32px 0;">
                    <div class="challenge-card-wrapper">
                        <div class="challenge-info">
                            <a title="码上掘金编程比赛" class="title1">码上掘金月赛 第 1 期</a>
                            <span class="description">码上掘金编程比赛旨在为掘友们提供平台进行技术交流，欢迎大家挥洒灵感、迸发创意！</span>
                        </div>
                        <div class="challenge-meta">
                            <span class="challenge-type">前端编程赛</span>
                            <span class="challenge-prize">万元大奖</span>
                            <span class="challenge-time">2023.02.08 - 2023.03.03</span>
                        </div>
                        <div class="challenge-link">
                            <div class="sponsor">
                                <span class="sponsor-title">赞助商</span>
                                <a class="sponsor-link">
                                    <img src="../assets/img/xtjjjs.png"
                                         alt="Google Cloud"
                                         class="sponsor-logo">
                                    <span class="sponsor-name">稀土掘金</span>
                                </a>
                            </div>
                        </div>
                        <a class="challenge-done">
                            <span style="color: #1e80ff;">查看比赛结果</span>
                        </a>
                    </div>
                </li>
                <li class="challenge-card" style="margin:0 0 32px 0;">
                    <div class="challenge-card-wrapper">
                        <div class="challenge-info">
                            <a title="码上掘金迎新年前端赛" class="title1">码上掘金编程比赛</a>
                            <span class="description">在这辞旧迎新之际，码上掘金举办了迎新年编程比赛，这是前端赛场，欢迎大家参赛交流！</span>
                        </div>
                        <div class="challenge-meta">
                            <span class="challenge-type">前端编程赛</span>
                            <span class="challenge-prize">万元大奖</span>
                            <span class="challenge-time">2022.12.12 - 2023.01.13</span>
                        </div>
                        <div class="challenge-link">
                            <div class="sponsor">
                                <span class="sponsor-title">赞助商</span>
                                <a class="sponsor-link">
                                    <img src="../assets/img/xtjjjs.png"
                                         alt="Google Cloud"
                                         class="sponsor-logo">
                                    <span class="sponsor-name">稀土掘金</span>
                                </a>
                            </div>
                        </div>
                        <a class="challenge-done">
                            <span style="color: #1e80ff;">查看比赛结果</span>
                        </a>
                    </div>
                </li>
                <li class="challenge-card" style="margin:0 32px 0 0;">
                    <div class="challenge-card-wrapper">
                        <div class="challenge-info">
                            <a title="码上掘金迎新年后端赛" class="title1">码上掘金编程比赛</a>
                            <span class="description">在这辞旧迎新之际，码上掘金举办了迎新年编程比赛，这是后端赛场，欢迎大家参赛交流！</span>
                        </div>
                        <div class="challenge-meta">
                            <span class="challenge-type">后端编程赛</span>
                            <span class="challenge-prize">万元大奖</span>
                            <span class="challenge-time">2022.12.12 - 2023.01.13</span>
                        </div>
                        <div class="challenge-link">
                            <div class="sponsor">
                                <span class="sponsor-title">赞助商</span>
                                <a class="sponsor-link">
                                    <img src="../assets/img/xtjjjs.png"
                                         alt="Google Cloud"
                                         class="sponsor-logo">
                                    <span class="sponsor-name">稀土掘金</span>
                                </a>
                            </div>
                        </div>
                        <a class="challenge-done">
                            <span style="color: #1e80ff;">查看比赛结果</span>
                        </a>
                    </div>
                </li>
                <li class="challenge-card">
                    <div class="challenge-card-wrapper">
                        <div class="challenge-info">
                            <a title="码上掘金编程比赛" class="title1">码上掘金编程比赛</a>
                            <span class="description">本场竞赛由【AMD * 稀土掘金】联合举办</span>
                        </div>
                        <div class="challenge-meta">
                            <span class="challenge-type">前端编程赛</span>
                            <span class="challenge-prize">万元大奖</span>
                            <span class="challenge-time">2022.10.12 - 2022.11.30</span>
                        </div>
                        <div class="challenge-link">
                            <div class="sponsor">
                                <span class="sponsor-title">赞助商</span>
                                <a class="sponsor-link">
                                    <img src="../assets/img/chaowei.png"
                                         alt="Google Cloud"
                                         class="sponsor-logo">
                                    <span class="sponsor-name">超威半导体产品（中国）有限公司</span>
                                </a>
                            </div>
                        </div>
                        <a class="challenge-done">
                            <span style="color: #1e80ff;">查看比赛结果</span>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="challenge-section1">
            <div class="raceTitle" style="margin-bottom: 20px;">
                <div class="raceTitle">
                    <svg data-v-05c6d1de="" width="60" height="21" viewBox="0 0 60 21" fill="none"
                         xmlns="http://www.w3.org/2000/svg" class="">
                        <path data-v-05c6d1de="" fill-rule="evenodd" clip-rule="evenodd"
                              d="M50 0.5H60V10.5H50V20.5H40V10.5H30V20.5H20V10.5H10V20.5H0V10.5H10V0.5H20V10.5H30V0.5H40V10.5H50V0.5Z"
                              fill="url(#paint0_linear_3759_29244)"></path>
                        <defs data-v-05c6d1de="">
                            <linearGradient data-v-05c6d1de="" id="paint0_linear_3759_29244" x1="60" y1="10.5"
                                            x2="-11.1111" y2="20.5" gradientUnits="userSpaceOnUse">
                                <stop data-v-05c6d1de="" stop-color="#7467FF"></stop>
                                <stop data-v-05c6d1de="" offset="1" stop-color="#7467FF" stop-opacity="0"></stop>
                            </linearGradient>
                        </defs>
                    </svg>
                    <span class="title-text">灵感作品</span>
                    <svg data-v-05c6d1de="" width="60" height="21" viewBox="0 0 60 21" fill="none"
                         xmlns="http://www.w3.org/2000/svg" class="" style="transform: rotateY(180deg);">
                        <path data-v-05c6d1de="" fill-rule="evenodd" clip-rule="evenodd"
                              d="M50 0.5H60V10.5H50V20.5H40V10.5H30V20.5H20V10.5H10V20.5H0V10.5H10V0.5H20V10.5H30V0.5H40V10.5H50V0.5Z"
                              fill="url(#paint0_linear_3759_29244)"></path>
                        <defs data-v-05c6d1de="">
                            <linearGradient data-v-05c6d1de="" id="paint0_linear_3759_29244" x1="60" y1="10.5"
                                            x2="-11.1111" y2="20.5" gradientUnits="userSpaceOnUse">
                                <stop data-v-05c6d1de="" stop-color="#7467FF"></stop>
                                <stop data-v-05c6d1de="" offset="1" stop-color="#7467FF" stop-opacity="0"></stop>
                            </linearGradient>
                        </defs>
                    </svg>
                </div>
            </div>
            <div style="width: 100%; position: relative;">
                <div class="spark-section">
                    <div class="code-editor-container">
                        <iframe data-v-8c570a9c="" loading="lazy" src="https://code.juejin.cn/pen/7085536704727089163"
                                class="code-editor-frame" style="display: inline;"></iframe>
                    </div>
                    <div class="work-slide">
                        <div class="work-item active">
                            <img src="../assets/img/bolinitai.png"
                                 alt="image" class="lazy" loading="lazy">
                            <div class="title2">玻璃拟态</div>
                        </div>
                        <div class="work-item item-23">
                            <img src="../assets/img/xiangai.png"
                                 alt="image" class="lazy" loading="lazy">
                            <div class="title2">相爱终会相遇</div>
                        </div>
                        <div class="work-item item-23">
                            <img src="../assets/img/kuangshi.png"
                                 alt="image" class="lazy" loading="lazy">
                            <div class="title2">矿石大作战</div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="challenge-home-footer">
        <div>
            <h2 class="contact-us">联系我们</h2>
            <ul class="contact-list">
                <li class="contact-item">
                    <span>
                        举报邮箱：
                        <a href="mailto://feedback@xitu.io" target="_blank" class="link">feedback@xitu.io</a>
                    </span>
                </li>
                <li class="contact-item" style="margin-top: 8px;">
                    <span>
                        问题反馈：
                        <a href="https://juejin.cn/pin/club/6824710202692993037" target="_blank" class="link">https://juejin.cn/pin/club/6824710202692993037</a>
                    </span>
                </li>
            </ul>
        </div>
        <ul class="discussion-list">
            <li>
                <a href="https://juejin.cn/pin/topic/7084534887633387555" target="_blank" class="discussion-item">
                    <svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg"
                         class="icon-discussion-pin" data-v-e684ef2c="">
                        <path d="M23.3482 5.79685C23.5164 5.80929 23.679 5.86215 23.8223 5.95094C30.8205 10.2862 34.4974 16.3713 34.853 24.2063C36.1541 24.2063 37.3163 22.742 38.3396 19.8134L38.4487 19.4941C38.6319 18.9456 39.225 18.6495 39.7735 18.8328C39.8689 18.8646 39.9592 18.9101 40.0416 18.9677C44.5981 22.1528 46.8663 26.2698 46.8464 31.3186C46.8459 31.4434 46.8389 31.5654 46.8253 31.6846C46.8399 31.9683 46.8464 32.2546 46.8464 32.5425C46.8464 42.9511 38.4085 51.389 27.9999 51.389C17.5912 51.389 9.15332 42.9511 9.15332 32.5425C9.15332 32.1342 9.16631 31.7289 9.19188 31.327C9.1793 31.3242 9.16631 31.3214 9.15332 31.3186C9.18951 30.9026 9.2429 30.4899 9.31348 30.0805C9.34243 29.8525 9.37618 29.6262 9.41391 29.4013L9.44719 29.4005C10.2515 25.763 12.4379 22.3903 16.0066 19.2825C19.661 16.0999 21.721 12.0843 22.1867 7.23557L22.2268 6.76374C22.2695 6.18706 22.7715 5.75417 23.3482 5.79685Z"
                              fill="url(#paint0_linear_5290_31760)" data-v-e684ef2c=""></path>
                        <defs data-v-e684ef2c="">
                            <linearGradient id="paint0_linear_5290_31760" x1="28.0001" y1="3.18869" x2="28.0001"
                                            y2="53.9936" gradientUnits="userSpaceOnUse" data-v-e684ef2c="">
                                <stop stop-color="#F6CE42" data-v-e684ef2c=""></stop>
                                <stop offset="1" stop-color="#F64242" data-v-e684ef2c=""></stop>
                            </linearGradient>
                        </defs>
                    </svg>
                    <span class="discussion-item-title">沸点讨论区</span>
                </a>
            </li>
            <li style="margin-left: 20px;">
                <a class="discussion-item">
                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"
                         class="icon-discussion-wechat" data-v-e684ef2c="">
                        <path fill-rule="evenodd" clip-rule="evenodd"
                              d="M21.6932 8.34507C19.2768 4.37158 14.2552 2.5721 9.78954 3.08573C7.30312 3.3717 4.87231 4.3738 3.01585 6.07959C1.61143 7.36588 0.567538 9.05587 0.176216 10.9343C-0.300196 13.1985 0.201698 15.5652 1.53277 17.4479C2.06414 18.1992 2.6961 18.8711 3.39166 19.4708C3.60262 19.6529 3.81955 19.8278 4.04114 19.9967C4.14927 20.079 4.25829 20.16 4.36864 20.2395C4.38757 20.2532 4.40673 20.2646 4.42466 20.2753C4.48669 20.3124 4.53407 20.3407 4.50691 20.4222C4.43113 20.651 4.35535 20.8797 4.27978 21.1085C4.06431 21.7603 3.84847 22.4119 3.63263 23.0635C3.55393 23.3011 3.47523 23.5387 3.39654 23.7764L4.18561 23.3791C4.57132 23.1848 4.95715 22.9905 5.34297 22.7963C5.72894 22.602 6.1149 22.4076 6.50075 22.2132L7.05494 21.9342C7.08009 21.9215 7.10617 21.9066 7.1329 21.8913C7.22864 21.8367 7.33275 21.7773 7.43252 21.7973C7.62636 21.836 7.81994 21.8759 8.01348 21.9158C8.13013 21.9398 8.24675 21.9638 8.36341 21.9876C9.70113 22.26 11.0167 22.416 12.3823 22.3082C11.9183 20.7073 11.9192 19.0028 12.41 17.4074C12.9582 15.6182 14.1036 14.0375 15.5918 12.9165C17.628 11.3828 20.2296 10.704 22.7546 10.9873C22.5439 10.0531 22.1909 9.16246 21.6932 8.34507ZM16.9902 9.25364C16.9902 10.0795 16.3943 10.6779 15.5722 10.6779C14.7741 10.6779 13.8711 10.1369 13.8711 9.25364C13.8711 8.36949 14.7745 7.83472 15.5722 7.83472C16.3939 7.83472 16.9902 8.4269 16.9902 9.25364ZM28.4662 13.462C24.5687 10.6882 18.7746 10.8943 15.249 14.2182C14.0446 15.3554 13.1667 16.8382 12.8651 18.4796C12.4528 20.7284 13.1607 23.0711 14.677 24.7687C16.1081 26.3708 18.0625 27.4109 20.158 27.8273C21.4749 28.0897 22.8097 28.1097 24.1282 27.8558C24.4583 27.7924 24.7861 27.7176 25.1129 27.6384C25.2525 27.6045 25.3919 27.57 25.5313 27.5351C25.5451 27.5316 25.5658 27.5243 25.5897 27.5157L25.5897 27.5157C25.6578 27.4915 25.7521 27.4579 25.7892 27.4781C25.9966 27.5918 26.2038 27.706 26.411 27.8202L27.2885 28.3028C27.8213 28.5958 28.3542 28.8888 28.8868 29.1821C28.7597 28.7559 28.6318 28.3298 28.5039 27.9036C28.4293 27.655 28.3547 27.4064 28.2803 27.1577L28.1307 26.6587L28.0536 26.4017C28.0258 26.3087 28.1487 26.2299 28.2493 26.1653C28.2809 26.1451 28.3103 26.1263 28.3321 26.1088C28.8976 25.6602 29.4327 25.1699 29.9145 24.6311C30.6936 23.7601 31.3437 22.7602 31.7062 21.6413C32.02 20.663 32.0785 19.6277 31.9008 18.6172C31.536 16.5012 30.1833 14.6886 28.4662 13.462ZM7.64444 7.83473C6.84718 7.83473 5.93845 8.3686 5.93845 9.25365C5.93845 10.1378 6.84673 10.6779 7.64444 10.6779C8.46542 10.6779 9.05839 10.0771 9.05839 9.25365C9.05839 8.42936 8.46498 7.83473 7.64444 7.83473ZM24.3817 17.4082C24.2536 16.7744 24.8519 16.0863 25.4881 16.0863C26.0886 16.0863 26.7839 16.4292 26.8938 17.0786C26.9942 17.6715 26.4881 18.1517 25.9616 18.299C25.2836 18.4886 24.5306 18.1441 24.3817 17.4082ZM19.2566 16.0863C18.62 16.0863 18.0126 16.7706 18.1424 17.4082C18.2929 18.147 19.0538 18.4884 19.7332 18.299C20.261 18.1517 20.7614 17.6715 20.6623 17.0786C20.5533 16.4266 19.8589 16.0863 19.2566 16.0863Z"
                              fill="#18212D" data-v-e684ef2c=""></path>
                    </svg>
                    <span class="discussion-item-title">社群讨论区</span>
                    <img src="../assets/img/juejinerwei.png" alt="qrcode" class="lazy qrcode"
                         style="width:88px;height:88px;" loading="lazy">
                </a>
            </li>
        </ul>
    </footer>
</main>
<div class="global-component-box">
    <div class="suspension-panel">
        <button title="建议反馈" class="btn ">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
                 xmlns="http://www.w3.org/2000/svg" class="">
                <path data-v-3c3e497c=""
                      d="M3.26628 5.18082C3.26628 4.35104 3.94716 3.67545 4.7907 3.67545H15.2093C16.0528 3.67545 16.7337 4.35104 16.7337 5.18082V12.538C16.7337 13.3678 16.0528 14.0434 15.2093 14.0434H11.6358C11.4624 14.0434 11.2948 14.1064 11.165 14.221L8.28954 16.7575V14.7452C8.28954 14.356 7.97087 14.0434 7.5814 14.0434H4.7907C3.94716 14.0434 3.26628 13.3678 3.26628 12.538V5.18082ZM4.7907 2.27187C3.16822 2.27187 1.85 3.57264 1.85 5.18082V12.538C1.85 14.1462 3.16822 15.447 4.7907 15.447H6.87326V17.5004C6.87326 18.4274 7.97825 18.9111 8.67204 18.2991L11.9053 15.447H15.2093C16.8318 15.447 18.15 14.1462 18.15 12.538V5.18082C18.15 3.57264 16.8318 2.27187 15.2093 2.27187H4.7907Z"
                      fill="#1E80FF" stroke="#1E80FF" stroke-width="0.3" stroke-linejoin="round"></path>
                <path data-v-3c3e497c=""
                      d="M7.00132 9.49204C6.79163 9.17668 6.366 9.09101 6.05063 9.3007C5.73527 9.51038 5.6496 9.93602 5.85929 10.2514C6.74878 11.5891 8.27183 12.4732 10.0017 12.4732C11.7316 12.4732 13.2546 11.5891 14.1441 10.2514C14.3538 9.93602 14.2681 9.51038 13.9528 9.3007C13.6374 9.09101 13.2118 9.17668 13.0021 9.49204C12.356 10.4637 11.2532 11.1018 10.0017 11.1018C8.75017 11.1018 7.64741 10.4637 7.00132 9.49204Z"
                      fill="#1E80FF" stroke="#1E80FF" stroke-width="0.3" stroke-linecap="round"
                      stroke-linejoin="round"></path>
            </svg>
        </button>
        <span>
            <button title="更多" class="btn">
            <svg data-v-3c3e497c=""
                 width="16"
                 height="16"
                 viewBox="0 0 16 16"
                 fill="none"
                 xmlns="http://www.w3.org/2000/svg"
                 class="">
                <circle
                        data-v-3c3e497c="" cx="2.33301" cy="8" r="1.0625" fill="#8A919F"></circle>
                <circle data-v-3c3e497c=""
                        cx="8" cy="8"
                        r="1.0625"
                        fill="#8A919F"></circle>
                <circle
                        data-v-3c3e497c="" cx="13.667" cy="8" r="1.0625" fill="#8A919F"></circle>
            </svg>
        </button>
        </span>
        <button title="回到顶部" class="btn">
            <svg data-v-3c3e497c="" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" stroke="currentColor"
                 xmlns="http://www.w3.org/2000/svg" class="icon-top">
                <path data-v-3c3e497c="" fill-rule="evenodd" clip-rule="evenodd"
                      d="M5.00806 3.0625C4.70158 3.0625 4.45312 3.31095 4.45312 3.61743C4.45312 3.92391 4.70158 4.17236 5.00806 4.17236H14.9968C15.3033 4.17236 15.5518 3.92391 15.5518 3.61743C15.5518 3.31095 15.3033 3.0625 14.9968 3.0625H5.00806ZM10.3948 5.9997C10.1781 5.78297 9.82676 5.78297 9.61005 5.9997L6.07849 9.53126C5.86176 9.74797 5.86176 10.0993 6.07849 10.316C6.2952 10.5328 6.64656 10.5328 6.86327 10.316L9.44751 7.73182V17.3809C9.44751 17.6873 9.69596 17.9358 10.0024 17.9358C10.3089 17.9358 10.5574 17.6873 10.5574 17.3809V7.73182L13.1416 10.316C13.3583 10.5328 13.7097 10.5328 13.9264 10.316C14.1431 10.0993 14.1431 9.74797 13.9264 9.53126L10.3948 5.9997Z"
                      stroke-width="0.5"></path>
            </svg>
        </button>
    </div>
</div>
</body>
</html>